<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<!-- Meta, title, CSS, favicons, etc. -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<title>查看修改订单信息</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome -->
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<!-- NProgress -->
		<!--<link href="css/nprogress.css" rel="stylesheet">-->

		<!-- Custom Theme Style -->
		<link href="css/custom.min.css" rel="stylesheet">
	</head>

	<body class="nav-md">
		<div class="container body">
			<div class="main_container">
				<div id="head">
						</div>

				<!-- top navigation -->

				<!-- /top navigation -->
				<!-- page content -->
				<div class="right_col" role="main">
					<div class="">
						<div class="page-title">
							<div class="title_left">
								<h3 style="color: green;">查看修改订单信息</h3>
							</div>

							<div class="title_right">
								<div class="col-md-5 col-sm-5 col-xs-12 form-group pull-right top_search">

								</div>
							</div>
						</div>
						<div class="clearfix"></div>

						<div class="row">
							<div class="col-md-12 col-sm-12 col-xs-12">
								<div class="x_panel">
									<div class="x_title">

										<div class="clearfix" style="text-align: center;"><span style="font-size: 25px;color: #000000;">查看修改订单信息</span></div>
									</div>
									<div class="x_content">

										<form class="form-horizontal form-label-left" novalidate>


											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">寄件人姓名 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input id="name" class="form-control col-md-7 col-xs-12" data-validate-length-range="6"
													 data-validate-words="2" name="name" placeholder="请填写寄件人姓名" required="required" type="text">
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">寄件人手机号 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input type="tel" id="email" name="email" placeholder="请填写寄件人手机号" required="required" class="form-control col-md-7 col-xs-12">
												</div>
											</div>
											<div class="item form-group" >
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="email">寄件人所在区域 <span class="required">*</span>
												</label>
												<div class=" col-xs-9" id="email" >
													<select >
														<option>湖南</option>
														<option>湖北</option>
														<option>广东</option>
													</select>
													<select >
														<option>长沙</option>
														<option>岳阳</option>
														<option>武汉</option>
													</select>
													<select >
														<option>岳阳楼区</option>
														<option>云溪区</option>
														<option>君山区</option>
														<option>岳阳县</option>
													</select>
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="number">寄件人详细地址 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<textarea id="textarea" required="required" name="textarea" placeholder="请填写寄件人详细地址" class="form-control col-md-7 col-xs-12"></textarea>
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="website">货物描述 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input type="url" id="website" name="website" required="required" placeholder="请填写货物描述" class="form-control col-md-7 col-xs-12">
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="website">货物重量 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input type="url" id="website" name="website" required="required" placeholder="请填写货物重量" class="form-control col-md-7 col-xs-12">
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="website">货物体积 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input type="url" id="website" name="website" required="required" placeholder="请填写货物体积" class="form-control col-md-7 col-xs-12">
												</div>
											</div>
											<div class="item form-group">
												<label for="password" class="control-label col-md-3">寄往国家</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input id="password" type="text" name="password" placeholder="请填写寄往国家" data-validate-length="6,8" class="form-control col-md-7 col-xs-12"
													 required="required">
												</div>
											</div>
											<div class="item form-group">
												<label for="password2" class="control-label col-md-3 col-sm-3 col-xs-12">收件人姓名</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input id="password2" type="text" name="password2" placeholder="请填写收件人姓名" data-validate-linked="password"
													 class="form-control col-md-7 col-xs-12" required="required">
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="telephone">收件人手机号 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input type="tel" id="telephone" name="phone" placeholder="请填写收件人手机号" required="required"
													 data-validate-length-range="8,20" class="form-control col-md-7 col-xs-12">
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">收件人详细地址 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<textarea id="textarea" required="required" name="textarea" placeholder="请填写收件人详细地址" class="form-control col-md-7 col-xs-12"></textarea>
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">付款方式 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<select>
														<option value="">现结</option>
														<option value="">到付</option>
													</select>
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">运输方式 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<select>
														<option value="">海运</option>
														<option value="">空运</option>
													</select>
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">附加服务 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<label><input name="Fruit" type="checkbox" value="" id="insure"/>保价服务 </label>
													<label><input name="Fruit" type="checkbox" value="" />自取服务 </label>
												</div>
											</div>
											<div class="item form-group" style="display: none;" id="insure2">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">投保险别 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<select>
														<option value="" id="se">请选择</option>
														<option value="">平安险</option>
														<option value="">偷窃提货不着险</option>
														<option value="">碰损、破碎险</option>
														<option value="">短量险</option>
													</select>
												</div>
											</div>
											<div class="item form-group">
												<label class="control-label col-md-3 col-sm-3 col-xs-12" for="occupation">备注 <span class="required">*</span>
												</label>
												<div class="col-md-6 col-sm-6 col-xs-12">
													<input id="occupation" type="text" name="occupation" data-validate-length-range="5,20" class="optional form-control col-md-7 col-xs-12">
												</div>
											</div>
											<div class="ln_solid"></div>
											<div class="form-group">
												<div class="col-md-6 col-md-offset-3">
													<button id="send" type="submit" class="btn btn-success">保存</button>
													<button type="submit" class="btn btn-primary" onclick="window.history.back(-1)">返回</button>
												</div>
											</div>
										</form>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- /page content -->

				<!-- footer content -->
				<footer>
					<div class="pull-right">
						Gentelella - Bootstrap Admin Template by <a href="https://colorlib.com">Colorlib</a>
					</div>
					<div class="clearfix"></div>
				</footer>
				<!-- /footer content -->
			</div>
		</div>

		<!-- jQuery -->
		<script src="js/jquery.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!-- FastClick -->
		<script src="js/fastclick.js"></script>
		<!-- NProgress -->
		<script src="js/nprogress.js"></script>
		<!-- validator -->
		<script src="js/validator.js"></script>

		<!-- Custom Theme Scripts -->

		<!-- validator -->
		<script>
				$(document).ready(function(){
					$("#head").load("head.html");
					var $lw1 = $("#insure");
					$lw1.click(function() {
					if ($lw1.is(":checked")) {
						$("#insure2").css("display", "block");
					} else {
						$("#insure2").css("display", "none");
						$("#se").prop('selected',true);
					}
					});
				});
			// initialize the validator function
			validator.message.date = 'not a real date';

			// validate a field on "blur" event, a 'select' on 'change' event & a '.reuired' classed multifield on 'keyup':
			$('form')
				.on('blur', 'input[required], input.optional, select.required', validator.checkField)
				.on('change', 'select.required', validator.checkField)
				.on('keypress', 'input[required][pattern]', validator.keypress);

			$('.multi.required').on('keyup blur', 'input', function() {
				validator.checkField.apply($(this).siblings().last()[0]);
			});

			$('form').submit(function(e) {
				e.preventDefault();
				var submit = true;

				// evaluate the form using generic validaing
				if (!validator.checkAll($(this))) {
					submit = false;
				}

				if (submit)
					this.submit();

				return false;
			});
		</script>
		<!-- /validator -->
	</body>
</html>
